<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Franklin Capital Corporation</title>
        <link href="css/styles.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container">
            <header>
                <h1><img src="images/Franklin-Capital-Corporation-logo.png" alt="Franklin Capital Corporation"  />Franklin Capital Corporation </h1>
                <nav>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Customer Services</a></li>
                        <li><a href="#">Lender Services</a></li>
                        <li><a href="#">Investor Services</a></li>
                        <li><a href="#" class="first selected">FAQ</a></li>
                        <li><a href="#">Company Info</a></li>
                        <li><a href="#">Contact Us</a></li>

                    </ul>
                </nav>
                <form id="search" method="post" action="">
                    <input type="text" value="Search" />
                    <span></span>
                    <button type="submit">Go</button>
                </form>
            </header>
            <div id="content" class="inner">

                <div class="panel_3_cols faq">
                    <div class="pageColumn">
                        <h3 class="panel_h3_tag"><strong>top</strong> questions</h3>
                        <ol>
                            <li><p>How do I reset my user ID or Password?</p></li>
                            <li><p>What are your commissions and fees?</p></li>
                            <li><p>Can I trade on margin with an FCC account?</p></li>
                            <li><p>How do I fund an account?</p></li>
                        </ol>
                        <h3 class="panel_h3_tag withMargineTop">getting<strong> started</strong></h3>
                        <ol>
                            <li><p>How do I open an account?</p></li>
                            <li><p>Can I transfer an account or assets from another firm?</p></li>
                            <li><p>How do I check on the status of an application?</p></li>
                            <li><p>When can I start trading after I open an account?</p></li>
                            <li><p>What are your commissions and fees?</p></li>
                            <li><p>How do I fund an account?</p></li>
                            <li><p>Can I rollover my 401(k) to FCC?</p></li>
                        </ol>
                    </div>
                </div>
                <div class="panel_3_cols faq">
                    <div class="pageColumn">
                        <h3 class="panel_h3_tag">&nbsp;</h3>
                        <ol start="5">
                            <li><p>What is FCC’s routing number?</p></li>
                            <li><p>How do I update my account information?</p></li>
                            <li><p>What is brokerage insurance?</p></li>
                            <li><p>How do I access tax information & forms?</p></li>
                        </ol>
                        <h3 class="panel_h3_tag withMargineTop">Current<strong> customers</strong></h3>
                        <ol>
                            <li><p>How do I reset my user ID or Password?</p></li>
                            <li><p>How do I update my account information?</p></li>
                            <li><p>How do I access my mortgage account?</p></li>
                            <li><p>How do I access tax information & forms?</p></li>
                            <li><p>What is E*TRADE's routing number?</p></li>
                            <li><p>How do I access my employee stock plan account?</p></li>
                        </ol>
                    </div>
                </div>
                <div class="panel_3_cols faq right">
                    <div class="pageColumn">
                        <h3 class="panel_h3_tag"><strong>contact</strong> us</h3>
                        <ul>
                            <li>
                                <a href="#" id="chatLink">Chat with Representatives</a>
                            </li>
                            <li class="callR">
                                <p>Call <a href="tel:1-800-125-9568">1-800-FCC-1 (1-800-125-9568)</a></p>
                            </li>
                        </ul>
                    </div>
                </div>


            </div>
            <footer>
                <ul>
                    <li class="needHelp"> Need help? </li>
                    <li class="customerServiceOnline"> 
                        <a href="#" title="Click to contact Customer Services Online">Click</a>
                        <strong>Customer Service Online</strong> 
                    </li>
                    <li class="call">
                        <p>Call <a href="tel:1-800-125-9568">1-800-FCC-1 (1-800-125-9568)</a></p>
                    </li>
                    <li class="visit">
                        <p>Visit a <strong>FCC Branch</strong></p>
                    </li>
                </ul>
                <div id="copyright">
                    <hr />
                    Copyright © 2011. Franklin Capital Corporation. All rights reserved. <a href="">Terms of Use</a> | <a href="">Privacy Policy</a> 
                </div>
            </footer>
        </div>
        <script type="text/javascript">
            $(function(){
                $("input[type='radio']").each(function(){
                    var thisCheckbox = $(this);
                    var newCheckbox = $('<span class="form_check"></span>');
                    if(thisCheckbox.is(':checked')){
                        newCheckbox.addClass('checked');
                    }

                    newCheckbox.click(function(){
                        thisCheckbox.click();
                        $("span.form_check[name='"+thisCheckbox.attr('name')+"']").removeClass('checked');
                        $(this).addClass('checked');
                    });

                    thisCheckbox.change(function(){
                        newCheckbox.click();
                    });

                    newCheckbox.attr('name', thisCheckbox.attr('name'));
                    thisCheckbox.hide(0).after(newCheckbox);
                });



                $('select').each(function(){
                    var slideSpeed = 100;
                    var thisDropdown = $(this);
                    var thisSelectedText = $('option:selected', thisDropdown).text();

                    var newDropdownContainer = $('<div class="dropdown"><ul></ul></div>');
                    var newDropdownHeader = $('<div class="header">' +
                        '<strong>' + thisSelectedText + '</strong>' +
                        '<em></em>' +
                        '</div>');

                    thisDropdown.hide(0).after(newDropdownContainer);
                    newDropdownContainer.prepend(newDropdownHeader);

                    thisDropdown.find('option').each(function(){
                        var thisOption = $(this);
                        var thisOptionText = thisOption.text();
                        var thisOptionValue = thisOption.val();

                        var newOption = $('<li value="' + thisOptionValue + '">' + thisOptionText + '</li>');

                        newOption.click(function(){
                            var thisVal = $(this).attr('value');
                            var thisText = $(this).text();
                            thisDropdown.val(thisVal).change();
                            newDropdownHeader.find('strong').text(thisText);
                            newDropdownContainer.find('ul').slideUp(slideSpeed)
                        });

                        newDropdownContainer.find('ul').append(newOption);
                    });

                    newDropdownHeader.click(function(){
                        var alreadyVisible = (newDropdownContainer.hasClass('top')) ? true : false;
                        $('div.dropdown').removeClass('top').find('ul').slideUp(slideSpeed);

                        if(!alreadyVisible){
                            newDropdownContainer.addClass('top').find('ul').slideDown(slideSpeed);
                        }
                    });

                    newDropdownContainer.find('ul li:last').addClass('last');

                });
            });
        </script>
    </body>
</html>